<template>
  <div class="mainShow">
    <span>
      {{ title }}
    </span>
  </div>
</template>

<script>
export default {
  name: "ShowBox",
  props: {
    title: String,
  },
};
</script>
<style lang="scss" scoped>
.mainShow {
  background-image: url("../assets/background.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 155px;
  margin: 10px 0px 10px 0px;
  display: flex;
  justify-content: center;    //水平居中
  > span {
    font-size: 24px;
    font-weight: 1000;
    font-family: 'Courier New', Courier, monospace;
    color: #539771;
    margin-top: 25px;
  }
}
</style>